<template>
    <div class="PassWordChange">
        <TopBar :url="'/index/my/setting/setting'" :title="'支付密码修改'" :action="'提交'"></TopBar>
        <form action="">
            <div>
                <span class="left">原手机号</span> <input type="text" value="188-0256-9586"><span  class="blue">发送验证码</span>
            </div>
            <div>
                <span class="left">验证码</span><input type="text" name="code" placeholder="请输入6位数验证码"><span></span>
            </div>
            <div>
                <span class="left">支付密码</span> <input type="text" name="phone" placeholder="请输入支付密码"><span></span>
            </div>
            <div>
                <span class="left">确认密码</span> <input type="text" name="phone" placeholder="请再次输入支付密码"><span></span>
            </div>
        </form>
    </div>

</template>

<script>
    import TopBar from "../../../component/TopBar";
    export default {
        name: "PassWordChange",
        components:{
            TopBar
        }
    }
</script>

<style lang="stylus" scoped>
    .PassWordChange
        padding 0.12rem
        form
            div:nth-child(2){
                margin-bottom 0.2rem
            }
            div
                display flex
                align-items center
                justify-content space-around

                height 0.5rem

                .blue
                    padding-left  0.5rem
                    transform scale(.9)
                    color #6B5CEB

                input
                    border none
                    width 33%
                    font-size 0.12rem
                    cursor text

                input::placeholder
                          color #cccccc

                span
                    font-size 0.12rem
                    width 33%


</style>